body{
	background-color: #fff; position: relative; z-index: 1;
}
#header .skip{ 
	position:absolute; right:17px; top:0px; width:25%; height:50px; color: #8ec31e; line-height: 50px; font-size: 15px; overflow:hidden; cursor: pointer;
}
#header .skip a{
	text-align: right; background: none; width:100%; color: #333;
}
.index{
	width: 100%; height:auto; margin-top: 51px;
} 
.login{
	width: 100%; max-width: 640px; height: auto;
}
.login img{
	width: 160px; height: 127px; display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 60px;
}
.login .usermsg{
	width: 88%; height: 101px; border: 1px solid #e5e5e5; border-radius: 3px; margin: 0 auto;
}
.login .usermsg .username{
	width: 88%; height: 50px; border-bottom: 1px solid #e5e5e5; background: url(../img/username_bg.png) no-repeat 4% center; background-size: 15px; padding-left: 12%;
}
.login .usermsg .username input{
	width: 100%; height: 50px; color: #666; font-size: 16px;
}
.login .usermsg .userpsw{
	width: 88%; height: 50px; border-bottom: 1px solid #e5e5e5; background: url(../img/userpsw_bg.png) no-repeat 4% center; background-size: 15px; padding-left: 12%;
}
.login .usermsg .userpsw input{
	width: 100%; height: 50px; color: #666; font-size: 16px;
}
.login #submit{
	width: 100%; height:43px; padding-top: 20px;
}
.login #submit a{
	width: 88%; height:43px; line-height: 43px; display: block; margin:0 auto; background-color: #53a805; border-radius: 4px; text-align: center; color: #fff;
}
.share{
	width: 100%; height: auto; margin-bottom: 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #fff; font-size: 15px; color: #666;
}
.share .title{
	width:94%; height: 40px; line-height: 42px; padding-left: 6%; color: #333; font-size: 15px; border-bottom: 1px solid #e5e5e5;
}
.share text{
	color: #333; font-size: 15px;
}
.share ul{
	width: 94%; height: auto; padding-left: 6%; overflow: hidden;
}
.share li{
	width: 100%; height: auto; line-height: 48px; border-bottom: 1px solid #e5e5e5;float: left;
}
.share li.links{ 
	background: url(../img/ArrowRight.png) no-repeat 95% center; background-size: 11px;
}
.share li.last{
	border:none;
}
.share li text{
	width: 23%; height: auto; display: block; float: left;
}
.share li input{
	width: 70%; height: 44px; margin-top: 2px; font-size: 15px; display: block; float: left;
}
.nav{
	width: 100%; max-width: 640px; height: auto;  position: fixed; bottom: 0; background-color: #fff; border-top: 1px solid #d2d2d2;
}
.nav ul{
	width: 100%; height: auto; overflow: hidden;
}
.nav li{
	width: 25%; height: auto; float: left;
}
.nav li a{
	width: 100%; height: 20px; line-height: 20px; padding-top: 30px; font-size: 10px; color: #808080; text-align: center; float: left;
}
.nav li.nav-order a{
	background: url(../img/order.png) no-repeat center 6px; background-size: 20px;
}
.nav li.nav-hexiao a{
	background: url(../img/hexiao.png) no-repeat center 6px; background-size: 20px;
}
.nav li.nav-shouyi a{
	background: url(../img/shouyi.png) no-repeat center 6px; background-size: 20px;
}
.nav li.nav-user a{
	background: url(../img/user.png) no-repeat center 6px; background-size: 20px;
}
.nav li.nav-order.hover a{
	background: url(../img/order_hover.png) no-repeat center 6px; background-size: 20px; color: #53a805;
}
.nav li.nav-hexiao.hover a{
	background: url(../img/hexiao_hover.png) no-repeat center 6px; background-size: 20px; color: #53a805;
}
.nav li.nav-shouyi.hover a{
	background: url(../img/shouyi_hover.png) no-repeat center 6px; background-size: 20px; color: #53a805;
}
.nav li.nav-user.hover a{
	background: url(../img/user_hover.png) no-repeat center 6px; background-size: 20px; color: #53a805;
}
.order {
	padding-top: 100px; padding-bottom: 40px;
}
.order .search{
	width: 100%; max-width: 640px; height: 38px; line-height: 48px; font-size: 13px; color: #333; padding-top: 10px; background-color: #fff; text-align: center; border-bottom: 1px solid #e5e5e5; position: fixed; top: 50px;
}
.order .search .search-box{
	width: 80%; height: 28px; border-radius: 6px; background-color: #f0f0f0;  text-align: left; padding-left: 24px; padding-right: 2%; position: relative; margin: 0 auto;
}
.order .search input#btn{
	width: 16px; height: 16px; display: block; background: url(../img/search_bg.png) no-repeat center center; background-size: 15px; position: absolute; left: 40%; top: 6px;
}
.order .search input#search{
	width: 47%; height: 26px; line-height: 26px; position: absolute; left: 47%; top: 0px; margin-top: 1px; background: none;
}
.order  .tab{
	width: 100%; max-width: 640px; height: 44px; line-height: 44px; font-size: 14px; color: #333;
}
.order .tab ul{
	width:100%; height:44px; border-bottom: 1px solid #e6e6e6; background-color: #fff; 
}
.order .tab li{
	width: 25%; height: 44px; float: left; text-align: center; cursor: pointer;
}
.order  .tab li.select {
	width: 25%; height: 43px; color: #53a804; border-bottom: 2px solid #53a804;
}
.order .product-list{
	background-color: #fafafa;
}
.order .product-list dd{
	width:88%; height: 78px; padding:10px 6%;  border-bottom: 1px solid #efeff4; overflow: hidden; line-height: 22px; color: #333; font-size: 15px;
}
.my-order .product-list dd{
	height: 84px;
}
.order .product-list dd img{
	width: 90px; height: 90px; float: left; margin-right: 10px;
}
.order .product-list dd p{
	overflow: hidden;
}
.order .product-list dd span{
	float: left;
}
.order .product-list dd span.chandi{
	width: 50%; font-size: 12px; color: #999; margin-top: 20px;
}
.order .product-list dd span.product-name{
	margin-top:6px; width: 75%; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.order .product-list dd span.product-price{
	margin-top:6px;
}
.order .product-list dd span.product-time{
	color: #999; font-size: 13px;
}
.order .product-list dd span.product-man{
	color: #999; font-size: 13px; padding-right: 16px;
}
.order .product-list dd span.product-num{
	color: #999; font-size: 13px; padding-right: 16px;
}
.my-order .product-list dd span.product-time,.my-order .product-list dd span.product-num,.my-order .product-list dd span.product-man{
	line-height: 30px;
}
.order .product-list dd span.right{
	float: right;
}
.order .tongji{
	width:88%; height: 40px; line-height: 40px; padding-left: 6%; padding-right: 6%; font-size: 14px; text-align: right; color: #999; overflow: hidden; border-bottom: 1px solid #efeff4 ;
}
.order .tongji .price{
	font-size: 12px; color: #333;
}
.order .tongji .price b{
	font-size: 15px; font-weight: normal;
}
.order .share .title{
	width:88%; padding-right: 6%; font-size: 13px;
}
.order .share .title .order-num{
	float: left;
}
.order .share .title .order-status{
	float: right; color: #53a804;
}
.order .share .title .order-status.color{
	color: #808080;
}
.my-order {
	padding-bottom: 0; padding-top: 51px;
}
.my-order .status{
	width: 94%; padding-left: 6%; height: auto; line-height: 40px; font-size: 15px; overflow: hidden;
}
.my-order .status text{
	color: #333; width: 23%; display: block; float: left;
}
.my-order .status span{
	font-size: 15px; color: #53a804; width: 77%; display: block; float: left;
}
.my-order .status img{
	width: 120px; height: 120px; padding-left: 47%; margin-left: -60px;
}
.my-order .order-num{
	width: 88%; padding:8px 6%; line-height: 25px; font-size: 15px; overflow: hidden;
}
.my-order .order-num text{
	float: left; width: 40%; color: #666; font-size: 13px;
}
.my-order .order-num span{
	float: right; width: 60%; text-align: right; color: #666; font-size: 13px;
}
.my-order li text{
	font-size: 14px; color: #333;
}
.my-order li span{
	font-size: 14px; width: 71%; float: left; text-align: right; padding-right: 6%; color: #666;
}



/* - 我的收益 - */
.brokerage {
	width: 100%; height: auto; padding-bottom: 50px; padding-top: 10px;
}
.brokerage .all-amount{
	width: 94%; height: 60px; font-size: 13px; color: #999; background-color: #fff; border-bottom: 1px solid #e3e3e3; padding-left: 6%; padding-top: 12px;
}
.brokerage .all-amount b{
	font-size: 23px; line-height: 32px; font-weight: normal; color: #fc8239;
}
.brokerage .all-amount span{
	background: url(../img/all_shouyi.png) no-repeat left top; background-size: 12px; padding-left: 16px; padding-top: 2px;
}
.brokerage .amount{
	width: 100%; height: auto; font-size: 13px; color: #999; background-color: #fff; margin-bottom: 10px; overflow: hidden;
}
.brokerage .amount div{
	width: 43%; height: 50px; line-height: 22px; display: block; float: left; text-align: left; padding-top: 10px; padding-left: 6%; border-right: 1px solid #e5e5e5;
}
.brokerage .amount div.last{
	border: none;
}
.brokerage .amount div b{
	font-size: 16px; font-weight: normal; color: #38373c;
}
.brokerage .tab{
	width: 100%; height: 44px; line-height: 44px; font-size: 15px; color: #333; 
}
.brokerage .tab ul{
	width:100%; height:44px; background-color: #fff;
}
.brokerage .tab li{
	width: 50%; height: 44px; float: left; text-align: center;   border-bottom: 1px solid #e5e5e5;
}
.brokerage .tab li.select {
	width: 50%; height: 44px; color: #8ec31e;
}
.brokerage .tab li.select a{
	width: 50%; height: 43px; display: block; color: #8ec31e; margin: 0 auto; border-bottom: 2px solid #8ec31e;
}
.brokerage .amount-list{
	width: 100%; height: auto; font-size: 13px; color: #666; background-color: #fff; overflow: hidden;
}
.brokerage .amount-list li{
	width: 88%; height: auto; line-height: 22px; padding: 8px 6%; border-bottom: 1px solid #e6e6e6;
}
.brokerage .amount-list li.last{
	border: none;
}
.brokerage .amount-list li b{
	font-size: 18px; font-weight: normal; color: #333;
}
.brokerage .amount-list li span.right{
	float: right; font-size: 12px;
}
.brokerage .amount-list li span.state{
	color: #666; font-size: 15px;
}
.brokerage .amount-list li span.color{
	color: #53a805;
}
.brokerage .amount-list .blue{
	color: #8ec31e;
}



/* - 申请提现 退款 评价- */
.applyfor {
	padding-top: 16px;
}
.applyfor #submit{
	width: 100%; height:43px; padding-top: 20px;
}
.applyfor #submit a{
	width: 88%; height:43px; line-height: 43px; display: block; margin:0 auto; background-color: #53a805; border-radius: 5px; text-align: center; color: #fff;
}
.applyfor .Payment{
	width: 100%; height: auto; background-color: #fff; 
}
.applyfor .Payment ul{
	width: 94%; height: auto; padding-left: 6%;
}
.applyfor .Payment ul li{
	width: 100%; height: 56px; border-bottom: 1px solid #e6e6e6; color: #333; font-size: 15px; background: url(../img/ArrowRight.png) no-repeat 94% center; background-size: 11px;
}
.applyfor .Payment ul li span{
	width: 22px; height: 22px; display: block; border: 2px solid #ccc; float: left; border-radius: 12.5px; margin-top: 15px; margin-right: 40px;
}
.applyfor .Payment ul li p{
	float: left; height: 48px; font-size: 15px; line-height: 20px; padding-top: 8px; padding-left: 30px;
}
.applyfor .Payment ul li p s{
	font-size: 12px; font-style: normal; text-decoration: none; color: #808080;
}
.applyfor .Payment ul li.last{
	border: none;
}
.applyfor .Payment ul li.alipay p{
	 background: url(../img/icon_alipay.png) no-repeat 0 center; background-size: 23px;
}
.applyfor .Payment ul li.icbc p{
	 background: url(../img/icon_icbc.png) no-repeat 0 center; background-size: 23px;
}
.applyfor .Payment ul li.weixin p{
	 background: url(../img/icon_weixin.png) no-repeat 0 center; background-size: 23px;
}
.applyfor .Payment ul li.banks p{
	 background: url(../img/icon_banks.png) no-repeat 0 center; background-size: 23px;
}
.applyfor .ktje{
	width: 88%; height: 30px; line-height: 30px; padding: 0 6%; color: #666; font-size: 12px; 
}
.applyfor .ktje b{
	color: #8ec31e;
}
.applyfor .tqje{
	width: 88%; height: auto; padding: 0 6%;  background-color: #fff; color: #333; font-size: 14px;
}
.applyfor .tqje input{
	width: 100%; height: 38px; line-height: 38px; 
}



/* - 我的资料 - */
.information {
	width: 100%; height: auto;
}
.information .banben{
	width: 95%; height: auto;  background-color: #fff; margin-top: 10px; padding-left:5%; font-size: 15px; float: left;
}
.information .banben li{
	width: 100%; height: 44px; line-height: 44px; border-bottom: 1px solid #e6e6e6; background: url(../img/ArrowRight.png) no-repeat 95% center; color: #333; background-size: 11px;
}
.information .banben li.last{
	border: none;
}
.information .banben li.touxiang{
	height: 70px; line-height: 70px;
}
.information .banben li span{
	float: right; margin-right: 10%; font-size: 14px; color: #666;
}
.information .banben li.touxiang span img{
	width: 50px; height: 50px; display: block; border-radius: 25px; margin-top: 10px;
}
.information .banben li.jianjie span{
	width: 80%; height: 48px; line-height: 48px; float: none;  font-size: 13px; color: #666; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.information .banben li.jianjie span b{
	font-size: 15px; font-weight: normal; color: #333; padding-right:4px; 
}
.information .introduction{
	width: 100%; height: auto; line-height: 24px; background-color: #fff; margin-top: 10px; font-size: 15px; float: left; text-align: left;
}
.information .introduction h3{
	width: 88%; height: 24px; line-height: 24px; padding: 8px 6%; font-weight: normal; font-size: 15px; color: #333; border-bottom: 1px solid #e5e5e5;
}
.information .introduction p{
	width: 88%; padding: 8px 6%; font-size: 14px; color: #666;
}
.information .quit{
	width: 90%; height: 44px; line-height: 44px; background-color: #fff; margin-top: 10px; padding: 0 5%; font-size: 15px; float: left; text-align: center;
}
.information .quit span{
	color: #666; 
}


/* - 核销 - */
.hexiao{
	width: 100%; max-width: 640px; height: auto; padding-top: 20px;
}
.hexiao p{
	width: 94%; height: 26px; line-height: 26px; padding-left: 6%; font-size: 13px; color: #666;
}
.hexiao .hexiaoma{
	width: 94%; height: 43px; line-height: 43px; padding-left: 6%; border-bottom: 1px solid #e5e5e5; border-top: 3px solid #53a805; background-color: #fff;
}
.hexiao .hexiaoma input{
	width: 94%; height: 43px; line-height: 43px; font-size: 16px; color: #666;
}
.hexiao #submit{
	width: 100%; height:43px; padding-top: 20px;
}
.hexiao #submit a{
	width: 88%; height:43px; line-height: 43px; display: block; margin:0 auto; background-color: #53a805; border-radius: 4px; text-align: center; color: #fff;
}
